﻿@{
    ViewBag.Title = "Select";
}
<script src="@Url.Content("~/Scripts/search.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/select-page.css")" rel="stylesheet" type="text/css" />
<body class="hi-res">
    <div id="book-content">
        <div id="book-header">
            <div class="topbar clearfix">
                <a href="#" class="logo"></a>
            </div>
            <div class="return-link">
                <a href="#"></a>
            </div>
            <div id="nav" class="clearfix">
                <ul class="fares">
                    <li class="first"><a href="/Search">1. Tìm kiếm</a></li>
                    <li class="active">2. Chọn chuyến bay</li>
                </ul>
                <div id="book-progress-indicator">
                    <span></span>
                </div>
            </div>
        </div>

        <form method="post" id="SkySales">
            <div id="main" class="fares">
                <div id="mainContent" style="position: static"></div>
                <div id="your-search">
                    <h3>Chi tiết tìm kiếm của bạn</h3>
                    <dl>
                        <dt>Ngày đi: </dt>
                        <dd>22/12/2012</dd>
                        <dt>Hành khách: </dt>
                        <dd>1 người lớn</dd>
                    </dl>
                    <a href="/Search" class="modify">Chỉnh sửa tìm kiếm</a>
                </div>
                <div class="section fare-option" style="z-index: 199;">
                    <h1>1. Lựa chọn chuyến bay chặng đi</h1>
                    <h2>Hà Nội đến Tp. HCM</h2>
                    <div class="day-picker clearfix"></div>
                    <div class="fare-picker depart clearfix">
                        <div class="fares">
                            <table class="domestic">
                                <thead>
                                    <tr>
                                        <th colspan="3">
                                            <h3>28/12/2012</h3>
                                        </th>
                                        <th class="starter">
                                            <dl>
                                                <dt>
                                                    <h3>Starter</h3>
                                                </dt>
                                                <dd>
                                                    <h4>Khoang hạng phổ thông</h4>
                                                </dd>
                                            </dl>
                                        </th>
                                    </tr>
                                    <tr>
                                        <td>Khởi hành</td>
                                        <td>Đến</td>
                                        <td class="flight-detail">Chi tiết chuyến bay</td>
                                        <td class="starter">
                                            <a class="trigger-fare-inclusions">Bao gồm những gì?</a>
                                            <a class="title">Stater inclusions</a>
                                        </td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="alt">
                                        <td><strong>8:45</strong><a class="airport">Hà Nội</a></td>
                                        <td><strong>10:50</strong><a class="airport">Thành phố Hồ Chí Minh</a></td>
                                        <td>
                                            <span class="stops">Bay thẳng<img src="/Content/Images/clearpixel.gif" width="13" height="10" alt="" class="legend legend-js-pacific"></span>
                                            <a class="duration tooltip-info trigger-flight-detail"><span>2giờ5phút</span></a>
                                        </td>
                                        <td class="starter">
                                            <div class="field">
                                                <input type="radio" id="ControlGroupSelectView_AvailabilityInputSelectView_RadioButtonMkt1Fare4" name="ControlGroupSelectView$AvailabilityInputSelectView$market1" preselected-fare="False" class="radio"><label>VND1.420.000</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong>10:40</strong><a class="airport">Hà Nội</a></td>
                                        <td><strong>12:45</strong><a class="airport">Thành phố Hồ Chí Minh</a></td>
                                        <td>
                                            <span class="stops">Bay thẳng<img src="/Content/Images/clearpixel.gif" width="13" height="10" alt="" class="legend legend-js-pacific"></span>
                                            <a class="duration tooltip-info trigger-flight-detail"><span>2giờ5phút</span></a>
                                        </td>
                                        <td class="starter">
                                            <div class="field">
                                                <input type="radio" name="ControlGroupSelectView$AvailabilityInputSelectView$market1" >
                                                <label>VND1.280.000</label>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="legend"></div>
                            <div id="tooltip-fare-inclusions-depart" style="display: none; position: relative; visibility: visible;"></div>
                        </div>
                        <div class="summary">
                            <div class="cta cta-vi-VN"></div>
                            <div class="bubble"></div>
                        </div>
                    </div>
                </div>
                
                <div id="important-info" class="fares section clearfix important-info-box hide"></div>
                <div id="price-lock-section" class="section price-lock clearfix" style="display: none;"></div>
                <div id="booking-summary" class="fares section clearfix">
                    <h1>2. Tóm tắt đặt chỗ</h1>
                    <dl class="departing oneway">
                        <dt>Lượt đi</dt>
                        <dd class="details">
                            <span class="price">VND 1.606.000</span>
                            <ul>
                                <li>
                                    <p class="date-time">8:45, 28/12/2012</p>
                                    <p class="origin-destination">
                                        <span class="airport">Hà Nội</span>
                                        <br />to
                                        <span class="airport">Tp. HCM</span>
                                    </p>
                                    <p class="flight-no-carrier">
                                        <span class="flight-no">BL 791</span>
                                        <img src="/Content/Images/clearpixel.gif" />Jetstar Pacific
                                    </p>
                                    <p class="fare-cabin starter">Khoang hạng phổ thông</p>
                                    <p class="fare-cabin business" style="display:none;">Khoang hạng phổ thông</p>
                                </li>
                            </ul>
                        </dd>
                    </dl>
                    <dl class="returning oneway"></dl>
                    <dl class="total-price">
                        <dt>Tổng giá tiền</dt>
                        <dd class="details">
                            <span class="price">VND 1.606.000</span>
                            <p class="passengers">1 Người lớn</p>
                            <a href="#" class="btn-continue">Tiếp tục</a>
                            <p class="fine-print"></p>
                        </dd>
                    </dl>
                </div>
            </div>
        </form>

        <div id="footer-slim" class="clearfix"></div>
    </div>
    <div id="overlay"></div>
</body>

